iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0

為什麼選擇 heroku

google 的服務下面有 google cloud 可以部屬 api,但是為什麼選擇 heroku 呢? 其實原因是,google cloud 設定有點繁雜,而且還要輸入付款資料,如果不小心用過免費的額度的話,要怎麼自動停掉,避免付錢。這個設定筆者本人看了好久,還是沒有看懂。

所以最後決定使用最簡單且最方便的 heroku。免費額度之內不囉嗦,超過免費的額度之後就自動停掉。非常符合side project 的使用方式

設定 heroku

在專案設定

新增 Procfile檔案,注意沒有任何副檔名,這是 Heroku 的設定檔案,告訴 Heroku 啟動的時候要執行什麼指令

web: npm run start:prod

建立 Heroku 專案

https://miro.medium.com/max/700/1*37jRSgcjVBAasIDc0Ju1OA.png

取一個自己喜歡的名字,點 Create app 就建立完成了

https://miro.medium.com/max/700/1*WnCUnx_e7XrMS0Vca8s6rw.png

接著這邊可以選擇部屬方式,你可以選擇使用 Heroku 內建的 Git 或者是連接 Github

在這裡我選擇連接我比較熟悉的 Github,點選之後,會要求你授權,給予授權之後,就可以尋找自己的專案,並且連接

https://miro.medium.com/max/700/1*eFm8zNkhdpU-DFkba3n1lQ.png

連接完成之後,可以點選自動部屬或手動部屬,在這裡選擇手動部屬 master

https://miro.medium.com/max/700/1*oQYN3Q6qyzA-lf5AeMQC9Q.png

按下去之後,就會開始安裝相依套件

https://miro.medium.com/max/700/1*fzw8fXNZ1SLA0deeCA45aA.png

稍等一下之後,就會看到部屬成功的訊息

https://miro.medium.com/max/700/1*kl3EJE-LSGBB-ESPI9uoJA.png

點選 View的按鈕,就可以打開部屬的網址,看到結果

https://miro.medium.com/max/700/1*keHP70G853pz9pElSO2ZBg.png

Heroku 是一個很方便部屬實驗性的API的地方,唯一的缺點就是,如果有一陣子沒人用他的話,機器就會自動關係,下次呼叫的時候,就會特別久,等待機器再啟動。

不過別擔心,下一篇就會介紹,如何不讓heroku休眠的方式


上一篇
DAY22 - 將作品發布出去吧 - 前端篇 (firebase)
下一篇
DAY24 - 利用 uptime 讓你的 Heroku 永不休眠
系列文
做一個面試官無法拒絕的sideproject,當一個全能的前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言